CSS 背景滤镜
阐述
背景滤镜是将 CSS 滤镜应用到位于元素下层的其他元素而非自身。
实例
<style>
.blur-circle {
backdrop-filter: blur(10px);
/* Vendor prefix for Safari: */
-webkit-backdrop-filter: blur(10px);
}
</style>
<img
alt="A colourful busy street in Tokyo, Japan"
src="/cfj-mats/akihabara.jpg"
/>
<div class="blur-circle"></div>